<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>小米账号 - 注册</title>
		<link rel="shortcut icon" href="{{asset('qt/images/favicon.ico')}}" type="image/x-icon" />
    	<link rel="icon" href="{{asset('qt/images/favicon.ico')}}" type="image/x-icon" />
		<!-- Bootstrap -->
    	<link href="{{asset('qt/css/bootstrap.min.css')}}" rel="stylesheet">
		<link href="{{asset('qt/css/reset200802.css')}}" rel="stylesheet" type="text/css">
		<link href="{{asset('qt/css/login.css')}}" rel="stylesheet" type="text/css">
		<script src="{{asset('qt/js/jquery-1.8.3.min.js')}}"></script>
	</head>
	<body>
		<div class="wrap">
			<div class="register">
				<div class="register-logo">
					<img src="{{asset('qt/images/logo.png')}}" />
				</div>
				<h2>注册小米账号</h2>
				<div class="register-box">
				<form action="{{url('home/zhuce/doreg')}}" method="post">
					{{csrf_field()}}
					<div class="register-list">
						<!--<div class="register-input" id="regs">
							<span>
								<b>中国(+86)</b>
								<i></i>
							</span>
						</div>
						<div class="register-list-box" id="list" style="display:none">
							<div class="register-list-text">
								<h3>常用</h3>
								<ul id="">
									<li>
										<span>中国</span>
										<b>+86</b>
									</li>
									<li>
										<span>台湾</span>
										<b>+886</b>
									</li>
									<li>
										<span>中国香港</span>
										<b>+852</b>
									</li>
									<li>
										<span>Brazil</span>
										<b>+55</b>
									</li>
									<li>
										<span>India</span>
										<b>+91</b>
									</li>
									<li>
										<span>
											Indonesia
										</span>
										<b>+62</b>
									</li>
									<li>
										<span>Malaysia</span>
										<b>+60</b>
									</li>
								</ul>
							</div>
							<div class="register-list-text">
								<h3>A</h3>
								<ul>
									<li>
										<span>Andorra</span>
										<b>+376</b>
									</li>
									<li>
										<span>Afghanistan</span>
										<b>+93</b>
									</li>
									
									<li>
										<span>Arazil</span>
										<b>+55</b>
									</li>
									<li>
										<span>Andia</span>
										<b>+91</b>
									</li>
									<li>
										<span>
											Andonesia
										</span>
										<b>+62</b>
									</li>
									<li>
										<span>Aalaysia</span>
										<b>+60</b>
									</li>
								</ul>
							</div>
						</div> -->
						
                        <script type="text/javascript">
                        	$('.close').on('click',function()
                        	{
                        		$('#guan').css('display','none');
                        	})
                        </script>
						<div class="register-input">
							<input type="email" name="email" value="{{old('email')}}" placeholder="请输入邮箱号码" style="width: 320px" />
						</div>
						@if(session('em'))
						<p class="help-block glyphicon" style="color:#ff6700;margin-top:-20px;font-size:12px;line-height:25px;overflow: hidden;">
				            <i class="glyphicon pull-left glyphicon-minus-sign" style="margin:7px 5px 0 0;"></i>
				            <span class="text-danger pull-left" style="color:#ff6700">{{session('em')}}</span>
				        </p>
				        @endif
				        <div class="register-input">
							<input type="password" name="password" placeholder="请输入密码" style="width: 320px" />
						</div>
						@if(session('passwd'))
						<p class="help-block glyphicon" style="color:#ff6700;margin-top:-20px;font-size:12px;line-height:25px;overflow: hidden;">
	                        	<i class="glyphicon pull-left glyphicon-minus-sign" style="margin:7px 5px 0 0;"></i>
					            <span class="text-danger pull-left" style="color:#ff6700">{{session('passwd')}}</span>
				      	 </p>
				      	 @endif

						<div class="register-input">
								<input type="password" placeholder="确认密码" name="repassword" style="width:320px" />
						</div>
						@if(session('repasswd'))
								<p class="help-block glyphicon" style="color:#ff6700;margin-top:-20px;font-size:12px;line-height:25px;overflow: hidden;">
		                        	<i class="glyphicon pull-left glyphicon-minus-sign" style="margin:7px 5px 0 0;"></i>
						            <span class="text-danger pull-left" style="color:#ff6700">{{session('repasswd')}}</span>
					      	 	</p>
						@endif

				        <div class="register-input register-input-yzm">
							<input type="text" placeholder="图片验证码" name="code" style="width:200px;float:left;" />
							<a class="yzm-box" onclick="javascript:re_captcha();"><img src="{{ URL('kit/captcha/1') }}" alt="验证码" title="刷新图片" id="yzm" name="yzm" /></a>
						</div>
						<script>  
						  function re_captcha() {
						    $url = "{{ URL('kit/captcha') }}";
						        $url = $url + "/" + Math.random();
						        document.getElementById('yzm').src=$url;
						  }
						</script>
						@if(session('ce'))
						<p class="help-block glyphicon" style="color:#ff6700;margin-top:-20px;font-size:12px;line-height:25px;overflow: hidden;">
	                        	<i class="glyphicon pull-left glyphicon-minus-sign" style="margin:7px 5px 0 0;"></i>
					            <span class="text-danger pull-left" style="color:#ff6700">{{session('ce')}}</span>
				      	 </p>
				      	 @endif
				        
					</div>
					<a class="register-btn" href="#">
						<input type="submit" value="立即注册" />
					</a>
					<p class="register-text">点击“立即注册”，即表示您同意并愿意遵守小米<a href="home/zhuce/doreg">用户协议</a>  和 <a href="#">隐私政策</a></p>
				</form>
				</div>
				
			</div>
			<div class="footer">
				<ul>
					<li>
						<a class="active" href="#">简体</a>|
					</li>
					<li>
						<a href="#">繁体</a>|
					</li>
					<li>
						<a href="#">English</a>|
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
				</ul>
				<p>小米公司版权所有-京ICP备10046444-<img src="https://account.xiaomi.com/static/res/9204d06/account-static/respassport/acc-2014/img/ghs.png">京公网安备11010802020134号-京ICP证110507号</p>
			</div>
		</div>
		<script type="text/javascript">
			// var regs = document.getElementById('regs');
			// var list = document.getElementById('list');
			// regs.onclick = function(){
			// 	list.style.cssText = "";
			// }
			// list.onclick = function(){
			// 	list.style.display = 'none';
			// }
		</script>
	</body>
</html>
